body{
    display: flex;
    flex-wrap: wrap;
    background-color:#f6f6f6;
    font-family:FZLanTingHei-EL-GBK,"Open Sans","Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",Dengxian,Arial,SimSun,sans-serif;
}
a{
    text-decoration: none;
}
img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.content{
    min-width:1300px;
    height:auto;
    margin:0 auto 0 auto;
    position: relative;
}

.navbar-default{
    background-color: white;
}
.nav{
    float: right;
    padding-top: 7px;
}
.nav-tabs>li{
    float:left;
    margin-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 18px;
    list-style-type: none;
}
.nav-tabs>li>a{
    color: #4F4F4F;
    font-family:FZLanTingHei-EL-GBK,"Open Sans","Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",Dengxian,Arial,SimSun,sans-serif;
}
.nav-tabs>li>a:hover,.nav-tabs>li>a:active{
    background-color: #f8f8f8;
    color: #0a95e3;
}

.img-responsive{
    float: left;
}
.carousel-inner{
    margin-top: 0px;
}
.carousel-inner>.item>img{
    width: 700px;
    height:300px;
}
.carousel-caption{
    padding-top: 0px;
    padding-bottom: 0px;
    position: absolute;
    left:0px;
    bottom:0px;
    width:700px;
    text-align: left;
    background-color: #3f3f3f;
    opacity: 0.8;
}
.carousel-caption h3{
    font-size: 20px;
    margin-left: 50px;
    margin-top:20px;
    margin-bottom: 20px;
}
.carousel-caption p{
    margin-left: 50px;
    margin-top:0px;
    margin-bottom: 15px;
}
.carousel-indicators{
    left: 82%;
    margin-bottom:-1%;
}
.carousel-control{
    width: 10%;
}
.carousel-control.right,.carousel-control.left{
    background-image: none;
    padding: 40% 5% 0% 0%;
}
.carousel-control .glyphicon-chevron-right,.carousel-control .glyphicon-chevron-left{
    color: #737376;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    top: 55%;
}
.classify{
    float:right;
    margin-top: 67px;
    width:600px;
    height:300px;
}
.classify-title{
    width:100%;
    height:50px;
}
.searchbar{
    margin-top:20px;
 }
#search{
    border: solid 1px #0a95e3;
}
#search:focus{
    outline: none;
    box-shadow: 0 0 10px #9ecaed;
}
#searchbtn{
    position: absolute;
   display: inline-block;
    padding:7px 12px;
    max-height: 35px;
    text-align:center;
    border:solid 1px #0a95e3;
    color: #fff;
    background-color: #0a95e3;
}
#searchbtn:hover{
    background-color:#075b8a;
     border:solid 1px #075b8a;
}
.bbslist{
    position: relative;
    margin-left: 80px;
    margin-top: 0px;
    padding-top: 30px;
    width:500px;
    height:220px;
    border:solid 1px #0a95e3;
    border-radius: 5px;
    background-color:#fff ;
}
.bbs li{
    list-style-type: none;
}
.list-title{
    width:100%;
    color: #000000;
    height:30px;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 80px;
    margin-right: 20px;
    margin-bottom: 7px;
    font-weight: 500;
}
.mainframe{
    color: #0a95e3;
    font-size: 15px;
    margin-left: 30px;
}
.bbs{
    margin-bottom:3px;
}
.bbs li a{
    line-height: 1.1;
    color: #838386;
    float: left;
    position:relative;
    top:-20px;
    margin-left: 20px;
    text-decoration: underline;
    transition: all 0.50s ease-in-out;
    cursor: pointer;
}
.bbs li a:hover{
    font-size: 18px;
    color: #0a95e3;
    transition: all 0.30s ease-in-out;

}
.articletitle{
    color: #000000;
    font-size: 20px;
    margin-left:20px;
    margin-top:50px ;
    margin-bottom: 10px;
    width:700px;
    font-weight: 500;
}
.carouseltitle{
    color: #000000;
    font-size: 20px;
    margin-top:50px;
    margin-left:20px;
    margin-bottom: 10px;
    width:500px;
    font-weight: 500;
}
.article{
    width:700px;
    height:200px;
    padding:20px 20px;
    border:solid 1px #cbcbce;
    background-color: #fff;
    margin-bottom: 20px;
    transition: all 0.50s ease-in-out;
}
.article:hover{
    border:solid 1px #0a95e3;
    box-shadow: 0 0 10px #9ecaed;
    transition: all 0.50s ease-in-out;
}
.article-title{
    font-size:20px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
}
.main{
    font-size: 15px;
    line-height:1.8;
    color:#838386 ;
}
.more{
    position: relative;
    top:0px;
    color:#838386 ;
}
.new-text{
    width:700px;
}
.hot-text{
    position: absolute;
    right:20px;
    top:460px;
    width:500px;
    height:400px;
}
.hot-title{
    font-size: 20px;
    margin-bottom: 11px;
    width:500px;
    color: #000000;
    font-weight: 500;
}
.wrap{
    border:solid 1px #cbcbce;
    border-bottom:solid 0px #cbcbce;
    width:460px;
    height:auto;
    background-color: #fff;
}

.hot-content{
    width:458px;
    height:140px;
    padding:10px 20px;
    border-bottom:solid 1px #cbcbce;
}
.info-item{
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}
.info-icon {
    position: absolute;
    left:-15px;
    top:-1px;
    max-width: 12px;
    max-height:12px;
}
.hot-content .article-title:hover{
    color: #0a95e3;
}
.back-top {
    width: 56px;
    height: 50px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.sticky {
    position: fixed;
    left: 56%;
    margin-left: 525px;
    bottom: 75px;
    z-index: 100;
    border-top: 0;
    display: block;
    background-image: url(../images/index_icon.png);
    background-position: -50px -637px;
}
.sticky:hover{
    background-position: -50px -690px;
}

#images a {
			margin-right: 14px;
		}

		#images a img {
			border: 1px solid #888;	
			padding: 3px;
			vertical-align: top;
		}

		#credit {
			clear: both;	
			margin-top: 50px;
			padding-top: 20px;
			font-size: 10px;
			border-top: 1px solid #BBB;
			font-family: Verdana;
		}
#imgbox-loading {
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}

#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.imgbox-title {
	padding: 10px;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	color: #333;
	display: none;
}

.imgbox-bg-wrap {
	position: absolute;
	padding: 100px;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}